<template>
    <div>
        <el-container>
            <el-header><MyHead></MyHead></el-header>
            <el-container>
                <el-aside v-if="route.name != 'examPaperDetail'">
                    <MyAside></MyAside>
                </el-aside>
                <el-main><router-view></router-view></el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup>
import MyAside from "@/components/aside.vue"
import MyHead from "@/components/backHead.vue"
import { useRoute } from "vue-router";

const route = useRoute()

</script>

<style lang="less" scoped>
.el-container {
    height: 100vh;
    padding: 0;
    margin: 0;

    .el-header {
        padding: 0;
        margin: 0;
        height: 65px;
    }

    .el-aside {
        width: 220px;
        padding: 0;
        margin: 0;
        overflow: scroll;
        position: inherit;
    }

    .el-main {
        padding: 0;
        // margin: 15px 20px 0 0;
        // background-color: #fff;
        // border-radius: 15px;
        margin-right: 20px;
    }
}
</style>